// miniprogram/pages/applications/print/print.js
var  timer;
Page({

  /**
   * 页面的初始数据
   */
  data: {
      arr:[
        {id:0,name:'iphoneX'},
        { id: 1, name: 'iphoneX' },
        { id: 2, name: 'iphoneX' },
        { id: 7, name: 'iphoneX' },
        { id: 8, name: '点击' },
        { id: 3, name: 'iphoneX' },
        { id: 6, name: 'iphoneX' },
        { id: 5, name: 'iphoneX' },
        { id: 4, name: 'iphoneX' },
      ],
      sid:0,
      ax:1200,
      ikey:0,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    this.drawCircle();
  },
  startAward(){
    //产生中奖数，
    //确认奖品后开始旋转
    //加速旋转在慢慢减速，直到转到中奖奖品上面 
    let num=parseInt(Math.random()*100/8);
    if(num==5){
      num=num-1;
    }
    console.log(num)
    this.setData({
      num:num,
      sid: 0,
      ax: 1200,
      ikey: 0,
    })
    this.moveAward();
  },
  moveAward(){
    let arr = [0, 1, 2, 7, 3, 6, 5, 4];
    let i = this.data.ikey;
    let ax = this.data.ax;
    let _this=this;
    if(ax>1000){
      ax=ax-i*50
    }
    else if(ax>=500&&ax<=1000){
      ax = ax - i * 100
    }else{
      ax=ax+i*50
    }
    var num=parseInt(this.data.num)+16;
    console.log(i)
    if (i>=num){
      return wx.showToast({
        title: _this.data.arr[_this.data.num].name,
        icon: 'success',
        success: function(res) {
         
        },
        fail: function(res) {},
        complete: function(res) {},
      })
    }
    clearTimeout(timer);
   timer= setTimeout(function () {
      i = i + 1;
      this.setData({
        ikey:i,
        sid: i % 8,
        ax:ax
      })
      this.moveAward();
    }.bind(this), ax)
  },
  drawCircle() {
    const ctx = wx.createCanvasContext('picture');

    // for(let i=0;i<100;i++){
    //   ctx.setFillStyle("red");
    //   ctx.setStrokeStyle("red");
    //   ctx.beginPath();
    //   ctx.arc(10+20 * i,120+10*Math.sin(i), 4, 0, 2 * Math.PI, false)
    //   ctx.stroke();
    //   ctx.fill();
    //   ctx.closePath()
    // }
    ctx.beginPath();
    ctx.setStrokeStyle('green');
    ctx.arc(175, 175, 150, 0, 2 * Math.PI, false)
    ctx.stroke();
    ctx.closePath();
    ctx.beginPath();
    ctx.setStrokeStyle('#000');
    ctx.arc(175, 175, 1, 0, 2 * Math.PI, false);
    ctx.stroke();
    ctx.closePath();

    //画围绕大圆的小圆

    // for(let i=75;i<=275;i++){
    //   let x;
    //   if(i<175){
    //      x = 175 - i;
    //   }
    //   else{
    //      x=i-175;
    //   }
    //   let y1 = 175 - Math.sqrt(Math.pow(100, 2) - Math.pow(x, 2))
    //   let y2 = 175 + Math.sqrt(Math.pow(100, 2) - Math.pow(x, 2))
    //   ctx.beginPath();
    //   ctx.setFillStyle('red');
    //   ctx.arc(i, y1, 1, 0, 2 * Math.PI, false);
    //   ctx.arc(i, y2, 1, 0, 2 * Math.PI, false);
    //   ctx.fill();
    //   ctx.closePath();
    // }
    let len=9;
    let rotateDeg = 360 / len / 2 + 90;
    for (let i = 0; i < len; i++) {
      let start = i*Math.PI * 2 * 40 / 360;
      let end = (i+1) * Math.PI * 2 * 40 / 360;
      ctx.save();
      ctx.beginPath();
      ctx.setFillStyle('red');
      ctx.setStrokeStyle("#fff");
      ctx.translate(175,175);
      ctx.rotate((360 / len * i - rotateDeg) * Math.PI / 180);
      ctx.moveTo(0,0);
      ctx.arc(175, 175, 150, 0, 2*Math.PI/len, false);
      ctx.fill();
      ctx.stroke();
      ctx.restore();
    }

    ctx.beginPath();
    ctx.setStrokeStyle("#000")
    ctx.setFillStyle('#808000');
    ctx.arc(175,175,30,0,Math.PI*2,false);
    ctx.stroke();
    ctx.setFontSize(12);
    ctx.fill();
    ctx.closePath();

    ctx.beginPath();
    ctx.setFillStyle('#fff');
    ctx.setTextAlign('center');
    ctx.fillText('点击抽奖', 175, 180);
    ctx.fill();
    ctx.closePath();

    ctx.draw();
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})